<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .q {
            width: 100%;
        }
        .o {
            width: 40px;
        }
        .p {
            width: 80px;
        }
        .l {
            width: 60px;
        }
        .k {
            width: 80px;
        }
        .s {
            margin-left: 100px;
            font-size: 12px;
        }
        .s a {
            text-decoration: none;
        }
    </style>
</head>
<body>
    <div>
        <form action="">
            <table cellspacing="2px" align="center">
                <tr height="30px">
                    <td width="100px" align="right">昵称</td>
                    <td width="200px" colspan="6"><input type="text" class="q"></td>
                </tr>
                <tr height="30px">
                    <td width="100px" align="right">密码</td>
                    <td width="200px" colspan="6"><input type="password" class="q"></td>
                </tr>
                <tr height="30px">
                    <td width="100px" align="right">确认密码</td>
                    <td width="200px" colspan="6"><input type="password" class="q"></td>
                </tr>
                <tr height="30px">
                    <td width="100px" align="right">性别</td>
                    <td width="200px" colspan="6"><input type="radio" name="sex" checked>男<input type="radio" name="sex">女</td>
                </tr>
                <tr height="30px">
                    <td width="100px" align="right">生日</td>
                    <td width="40px">
                        <select name="" id="" class="o">
                            <option value="">公历</option>
                            <option value="">阳历</option>
                        </select>
                    </td>
                    <td width="80px" colspan="2">
                        <select name="" id="" class="p" placeholder="年">
                            <option value="">年</option>
                            <option value="">年年</option>
                         </select>
                    </td>
                    <td width="40px" colspan="2">
                        <select name="" id="" class="o" placeholder="年">
                            <option value="">月</option>
                            <option value="">月月</option>
                         </select>
                    </td>
                    <td width="40px">
                        <select name="" id="" class="o">
                            <option value="">日</option>
                            <option value="">日日</option>
                        </select>
                    </td>
                </tr>
                <tr height="30px" align="right">
                    <td width="100px">所在地</td>
                    <td width="60px" colspan="2">
                        <select name="" id="" class="l">
                            <option value="">中国</option>
                            <option value="">美国</option>
                        </select>
                    </td>
                    <td width="80px" colspan="2">
                        <select name="" id="" class="k">
                            <option value="">广东</option>
                            <option value="">湖北</option>
                        </select>
                    <td>
                    <td width="60px" colspan="2">
                        <select name="" id="" class="l">
                            <option value="">深圳</option>
                            <option value="">武汉</option>
                        </select>
                    </td>
                </tr>
                <tr height="30px">
                    <td width="100px" align="right">手机号码</td>
                    <td width="200px" colspan="6"><input type="text" class="q"></td>
                </tr>
                <tr height="30px">
                    <td width="300px" colspan="7">
                        <p class="s">可通过该手机号码快速找回密码</p>
                        <p class="s">中国大陆地区以外手机号码<a href="">&emsp;点击这里</a></p>
                    </td>
                </tr>
                <tr <tr height="30px" align="right">
                    <td width="60px"></td>
                    <td width="40px"></td>
                    <td width="20px"></td>
                    <td width="60px"></td>
                    <td width="20px"></td>
                    <td width="20px"></td>
                    <td width="40px"></td>
                </tr>
            </table>
        </form>
    </div>
</body>
</html>